
.box,html,body{
	width: 100%;
	height: 100%;
} 
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}

.box{
    background: #eeeeee;
    .head{
        .px2rem(height,98);
        background: #181818;
        align-items: center;
        display: flex;
        img{
            .px2rem(margin-left,40);
        }
        p{
            color: white;
            .px2rem(margin-left,270);
            .px2rem(font-size,30);
        }
    }
    .top{
        .px2rem(height,280);
        background: white;
        dl{
            .px2rem(line-height,50);
            display: flex;
            dt{
                .px2rem(margin-left,55);
                .px2rem(margin-top,50);
            }
            dd{
                .px2rem(margin-left,20);
                .px2rem(margin-top,50);
                h1{
                    .px2rem(font-size,30);
                    font-weight: bold;
                }
                .p1{
                    background: url(../img/金牌.png) no-repeat left;
                    .px2rem(padding-left,35);
                    color: #e2c847;
                    .px2rem(font-size,26);

                }
                .p2{
                    .px2rem(font-size,30);
                    color: grey;

                }
            }
        }
    }
    .connet{
        .px2rem(height,600);
        background: white;
        .px2rem(margin-top,20);
        .connet1{
            .px2rem(height,160);
            background: white;
            .px2rem(line-height,80);
            .px2rem(width,650);
            border-bottom: 1px solid grey;
            margin: 0 auto;
            .p3{
                background: url(../img/爱心.png) no-repeat left;
                .px2rem(padding-left,50);
                .px2rem(margin-left,50);
                .px2rem(font-size,30);
            }
            .p4{
                .px2rem(margin-left,50);
                .px2rem(font-size,30);
                color: gray;
            }
        }
        .connet2{
            .px2rem(height,272);
            background: white;
            .px2rem(width,650);
            margin: 0 auto;
            .p5{
                background: url(../img/爱心.png) no-repeat left;
                .px2rem(padding-left,50);
                .px2rem(margin-left,50);
                .px2rem(font-size,30);
                display: flex;
                justify-content: space-between;
                .px2rem(line-height,80);
                span{
                    .px2rem(margin-right,40);
                    color: #e12122;
                }
            }
            .p6{
                .px2rem(margin-left,40);
                .px2rem(font-size,30);
                color: gray;
                .px2rem(line-height,50);
            }
        }
    }
    .bottom{
        .px2rem(height,420);
        background: white;
        .px2rem(margin-top,20);
        p{
            text-align: center;
            .px2rem(font-size,35);
            .px2rem(line-height,120);
        }
        h1{
            .px2rem(width,650);
            margin: 0 auto; 
            .px2rem(font-size,30);
            .px2rem(line-height,50);
            color: grey;
        }
    }
    .foot{
        .px2rem(height,98);
        background: white;
        .px2rem(margin-top,50);
        position: fixed;
      bottom: 0;
        ul{
            display: flex;
            li{
                .px2rem(margin-left,40);
                .px2rem(font-size,35);
                .px2rem(margin-top,20);
                img{
                    .px2rem(margin-right,30);
                }
            }
        }
    }
    .foot1{
        .px2rem(height,200);
    }
}